import React from 'react';
import styles from './index.module.scss';
import Typography from '../typography';
import StudyStyle from '../study-style';
import clusterRow from '../../assets/cluster/cluster-row.png';
import results from '../../results';

const { Header } = Typography;

const OtherStyle = ({ type, data ,result}) => {
  // 这里的data其实与type类似 type决定当前显示什么主题 data决定当前显示什么元素
  console.log('其他性格',data);
  return (
    <div className={styles.otherStyle}>
      <div className={styles.head}>
        <Header type="result_main_title">你的其他学习风格</Header>
        <img src={clusterRow} alt="" className={styles.cluster} />
      </div>
      <StudyStyle isShow={false} size="small" type={type} data={data} percent={result[1].percent}/>
    </div>
  );
};

export default OtherStyle;
